body {
	margin: 0;
}


.backgroundImage {
	position: absolute;
	top: 0px;
	left: 0px;
}


#spinner{
	position: absolute;
	top: 174px;
	left: 197px;
	display: none;
}


#error{
	font: 14/16px "Futura";
	text-align: center;
	margin-top: 15px;
	margin-left: 19px;
	margin-right:0px;
}

#version{
    font: 8px "Lucida Grande";
    position: absolute;
    top: 198;
    right: 12;
}

.movieName{
	font: 10px "Lucida Grande";
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.queueNumber{
	font: 10px "Lucida Grande";
	color: grey;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.movieDate{
	font: 8px "Lucida Grande";
	font-weight: normal;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;	
}


#flip {
	position: absolute;
	top: 80px;
	left: 15px;
	width: 26px;
	bottom: 21px;
}


#back {
	display: none;
}


#doneButton {
	position: absolute;
	bottom: 16px;
	right: 12px;
}


#overflow{
	position: absolute;
	top: 113px;
	left: 91px;
	bottom: 58px;
	right: 58px;
	overflow:hidden;
}


#output{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 19px;
}


#overflowBack{
	position: absolute;
	top: 68px;
	left: 40px;
	bottom: 36px;
	right: 85px;
	overflow:hidden;
}


#outputBack{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 19px;
}


#outputBack p{
        margin-top: 0px;
	margin-bottom:5px;
	margin-left: 0px;
}

#myScrollBar {
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:19px;
	display:block;
	
	-apple-dashboard-region:dashboard-region(control rectangle);
}


#otherScrollBar {
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:19px;
	display:block;
	
	-apple-dashboard-region:dashboard-region(control rectangle);
}


#myScrollTrack{
	display:none;
}


#otherScrollTrack{
	display:none;
}


.scrollTrackTop {
//	border-style:solid; border-color:red;
	position:absolute;
	top:0px;
	width:19px;
	height:18px;
	background:url(img/top_scroll_track.png) no-repeat top left;
}


.scrollTrackMid {
//	border-style:solid; border-color:green;
	position:absolute;
	top:18px;
	width:19px;
	bottom:18px;
	background:url(img/mid_scroll_track.png) repeat-y top left;
}


.scrollTrackBot {
//	border-style:solid;	border-color:blue;
	position:absolute;
	bottom:0px;
	width:19px;
	height:18px;
	background:url(img/bottom_scroll_track.png) no-repeat top left;
}


#myScrollThumb {
	position:absolute;
	top:-1px;
	left:1px;
	height:28px;
	display:none;
}

#otherScrollThumb {
	position:absolute;
	top:-1px;
	left:1px;
	height:28px;
	display:none;
}


.scrollThumbTop {
	position:absolute;
	top:0px;
	width:18px;
	height:9px;
	background:url(img/scroll_bar_top.png) no-repeat top left;
}


.scrollThumbMid {
	position:absolute;
	top:9px;
	width:18px;
	bottom:9px;
	background:url(img/scroll_bar_mid.png) repeat-y top left;
}


.scrollThumbBot {
	position:absolute;
	bottom:0px;
	width:18px;
	height:9px;
	background:url(img/scroll_bar_bottom.png) no-repeat top left;
}
